@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";

.plugins-browser-list {
	padding-top: 40px;
	padding-inline: 0;

	.feature-example & {
		margin: 0;
	}

	.section-header {
		background: none;
		box-shadow: none;
		padding: 24px 0;

		.section-header__label {
			font-size: $font-title-small;
			line-height: 28px;
			font-weight: 500;
			color: var(--studio-gray-80);
		}
	}

	.spotlight {
		margin-top: 20px;
	}
}

.card.plugins-browser-list__elements {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0;
	// Card margin interferes with section spacing.
	margin-bottom: 0;
	box-shadow: none;
	background: none;
	gap: 0 18px;

	&::after {
		display: none;
	}
}

.plugins-browser-list__carousel .dot-pager__controls {
	margin-top: 16px;
	margin-bottom: 0;
}
